import React from 'react';
import { AxTabTitleCard } from '@/components/AxBase';
import { Row, Col, Icon, Input } from 'antd';
import AxCard from '@/components/AxBase/AxCard';

const tabList = [{
    key: 'tab01',
    tab: '收藏的商品',
    url: '/buyer/material/favorite/data',
}, {
    key: 'tab02',
    tab: '收藏的商家',
    url: '/buyer/material/favorite/store',
}];
const { Search } = Input;
const Layout: React.FC<any> = ({ children }) => {
    return (
        <>
            <div style={{ borderBottom: '2px solid #409eff' }}>
                <AxCard
                    style={{ width: 1390, margin: '24px auto' }}
                    bodyStyle={{ padding: 0 }}
                >
                    <Row>
                        <Col span={18}>
                            <div style={{ fontSize: 22 }}><Icon type="shopping-cart" />&nbsp;我的收藏夹</div>
                        </Col>
                        <Col span={6}>
                            <Search
                                placeholder="请输入商品名称搜索"
                                onSearch={(val: any) => { }}
                                allowClear
                            />
                        </Col>
                    </Row>
                </AxCard>
            </div>
            <AxTabTitleCard
                style={{ width: 1390, margin: '0 auto' }}
                bodyStyle={{ backgroundColor: 'rgb(255,255,255)', margin: 1, paddingTop: 0 }}
                tabList={tabList}
            >
                {children}
            </AxTabTitleCard>
        </>
    );
};

export default Layout;

